body{
  margin: 0;
  font:16px/24px "microsoft yahei";
  color: #FAFAFA;
  background: #333;
}
*{
  box-sizing: border-box;
}
.container h4{
  height: 34px;
  border-bottom: 1px solid #626262;
  line-height: 34px;
  background: #444;
  padding-left: 20px;
}
textarea,input,button{
  font:16px/24px "microsoft yahei";
  color:#FAFAFA;
  background: #333;
  border:1px solid #d9d9d9;
}
textarea{
  /*-webkit-appearance: none;*/
  overflow: hidden;
  color: #fafafa;
  resize : none;
}
select{
  font:16px/24px "microsoft yahei";
  height: 34px;
  background: #333;
  color: #fafafa;
  border:1px solid #d9d9d9;
  /*-webkit-appearance: none;*/
  /*-moz-appearance: none;*/
  /*-ms-appearance:none;*/
}
select[disabled='disabled']::-ms-value {
  color: #fafafa;
}
option{
  background: #333;
  color: #fafafa;
}
select::-ms-expand {
  display: none;
}
a{
  text-decoration: none;
  color: #169BD5;
  cursor: pointer;
}
.box{
  min-height: 100px;
  padding-bottom: 30px;
}
.left{
  float: left;
}
.right{
  float: right;
}
h1,h2,h3,h4,h5,h6,p,input,button,ul,ol,dl,dd{
  margin:0;
  padding: 0;
  list-style: none;
}
input,button{
  cursor: pointer;
}
.clearfix:after{
  content: '';
  display: table;
  clear: both;
  
}
.container{
  width: 98%;
  margin: 0 auto;
}
.container:before{
  content: '';
  display: table;
}
.container:after{
  content: '';
  display: table;
  clear: both;
}
#top select{
  width: 70%;
  height: 34px;
}
#header #top{
  /*position: absolute;*/
  /*left: 0;*/
  /*bottom: 0;*/
  /*margin-bottom: 15px;*/
  /*padding-left: 20px;*/
}
#top ul li{
  float: left;
  width: 25%;
  text-align: left;
}
#top ul li button,#top ul li a{
  display: inline-block;
  border: 1px solid #797979;
  vertical-align: middle;
  text-align: center;
  width:35%;
  height: 34px;
  color: #fff;
  background: #e4e4e4;
  cursor: pointer;
  line-height: 34px;
}
table{
  width: 98%;
  margin: 0 auto;
  border-collapse: collapse;
  background: #333;
}
table thead th{
  background: #444;
  border: 1px solid #8F8F8F;
  height: 38px;
  color: #fff;
}
table  td{
  text-align: center;
  padding: 5px 5px;
  border: 1px solid #8F8F8F;
  height: 40px;
}
table tbody td{
  background: #333;
}
#page{
  height: 28px;
  margin-top: 40px;
}
#page ul{
  height: 100%;
  width:100%;
  margin:0 auto;
  text-align: center;
}

#page ul li{
  display: inline-block;
  border-radius: 5px;
  min-width:60px;
  margin-right: 30px;
}
#table td ul{
  text-align: left;
}
#page ul li a{
  display: block;
  color: #FFFFFF;
}
#page>ul>li.active{
  background: #5B5B5B;
}
#page>ul>li.active a{
  color:#fff;
}
.box>#table td.operate{
  width: 40%;
}
.box>#table td{
width:12%;
}
 table caption{
  height: 38px;
  font-weight: bold;
  line-height: 38px;
  font-size: 22px;
  border: 1px solid #8F8F8F;
  background: #333;
}
/*#diaLog{*/
  /*position: fixed;*/
  /*top:0;*/
  /*left: 0;*/
  /*right:0;*/
  /*bottom: 0;*/
  /*background: rgba(255,255,255,.5);*/
  /*display:none;*/
/*}*/
/*#diaLog .content{*/
  /*position: absolute;*/
  /*width:  400px;*/
  /*height: 300px;*/
  /*background: #444;*/
  /*text-align: center;*/
  /*left:50%;*/
  /*top:50%;*/
  /*margin-top: -150px;*/
  /*margin-left: -200px;*/
/*}*/
/*#diaLog .content .close{*/
  /*position: absolute;*/
  /*top: 0;*/
  /*right: 0;*/
  /*width: 24px;*/
  /*height: 24px;*/
/*}*/
/*#diaLog .content #msg{*/
  /*height: 200px;*/
  /*line-height: 200px;*/
/*}*/
/*#diaLog .content .title{*/
  /*background: #333;*/
/*}*/
/*#diaLog .content .opt button{*/
  /*margin-right:10px ;*/
  /*width: 60px;*/
  /*height: 30px;*/
/*}*/
/*#diaLog .content .opt button.active{*/
  /*display: none;*/
/*}*/
.g-dialog-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.g-dialog-container .dialog-window {
  padding: 1rem;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.8);
  transition: all 0.9s cubic-bezier(0.43, -0.14, 0.34, 1.6);
}
.g-dialog-container .dialog-window .dialog-header {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border: 2px solid #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.g-dialog-container .dialog-window .dialog-header.ok:after {
  content: '';
  display: block;
  width: 30px;
  height: 10px;
  border: 2px solid #fff;
  border-width: 0 0 2px 2px ;
  transform: rotate(-50deg);
}
.g-dialog-container .dialog-window .dialog-header.warning {
  transform: rotate(90deg);
}
.g-dialog-container .dialog-window .dialog-header.warning:before {
  content: '';
  display: block;
  width: 20px;
  height: 5px ;
  background: #fff;
  margin-right: 5px;
}
.g-dialog-container .dialog-window .dialog-header.warning:after {
  content: '';
  display: block;
  width: 5px;
  height: 5px ;
  border-radius: 50%;
  background: #fff;
}
@keyframes waiting1 {
  0% {
    transform: translate(-5px 0);
  }
  50% {
    transform: translate(10px, 0);
  }
  100% {
    transform: translate(-5px, 0);
  }
}
@keyframes waiting2 {
  0% {
    transform: translate(5px, 0);
  }
  50% {
    transform: translate(-10px, 0);
  }
  100% {
    transform: translate(5px, 0);
  }
}
.g-dialog-container .dialog-window .dialog-header.waiting:before {
  content: '';
  display: block;
  width: 5px;
  height: 5px ;
  background: yellow;
  border-radius: 50%;
  animation: waiting1 0.8s infinite;
}
.g-dialog-container .dialog-window .dialog-header.waiting:after {
  content: '';
  display: block;
  width: 5px;
  height: 5px ;
  background: red;
  border-radius: 50%;
  animation: waiting2 0.8s infinite;
}
.g-dialog-container .dialog-window .dialog-content {
  padding: 1rem 1rem 0;
  text-align: center;
}
.g-dialog-container .dialog-window .dialog-footer {
  padding: 1rem 1rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.g-dialog-container .dialog-window .dialog-footer button {
  background: rgba(255, 255, 255, 0.8);
  border: none;
  padding: 0.3rem 1.5rem;
  margin: 0.3rem;
  text-shadow: #666 1px 1px ;
  /*border-radius: 5px;*/
  color: #eee;
}
.g-dialog-container .dialog-window .dialog-footer button.green {
  background: rgba(0, 255, 0, 0.5);
}
.g-dialog-container .dialog-window .dialog-footer button.red {
  background: rgba(255, 0, 0, 0.5);
}